<template>
  <div class="wrap" >
    <!-- banner end -->
    <div class="main">
      <div class="mainl left">
        <div class="cpfl">
          <h2><img src="../../../src/assets/upfiles/xwdt.png"></h2>
          <div class="flcon">
            <ul>
              <li><a href="https://www.bilibili.com/video/av52470722">"国产"AI框架争相开源</a></li>
              <li><a href="">华为5G检测病毒算法</a></li>
              <li><a href="">如何告别“芯繁魂乱”</a></li>
              <li><a href="">谈一谈入门IOT</a></li>
              <li><a href="">Spring Boot内存泄漏</a></li>
            </ul>
          </div>
        </div>
        <!-- cpfl end -->
        <div class="ny_lx mt15">
          <h2><img src="../../../src/assets/upfiles/ny_lx.png" alt="联系我们"></h2>
          <div class="lxbox"> <strong style=" color:#fbc800; font-size:14px;">学远培训有限公司</strong><br />
            地址：安徽信息工程学院<br />
            联系人：潘经理<br />
            电话：0371-687666666<br />
            手机：17355370221<br />
            邮箱：919819426@qq.com
          </div>
        </div>
        <!-- ny_lx end -->
      </div>
      <div class="mainr right">
        <div class="layui-carousel" id="test1">
          <div carousel-item>
            <div><img src="../../../src/assets/images/gcs.jpg" width="722" height="240"></div>
            <div><img src="../../../src/assets/images/c++.jpg" width="722" height="240" /></div>
            <div><img src="../../../src/assets/images/python.jpg" width="722" height="240" /></div>
            <div><img src="../../../src/assets/images/web.jpg" width="722" height="240" /></div>
          </div>
        </div>
        <h2><span class="ny_nav">您当前所在的位置：<a href="">首页</a> &gt; 公司简介</span>公司简介</h2>

        <div class="pad20">
          <div style="text-indent:2em;">
            学远培训有限公司成立于2007年,一直专注于IT前沿知识，集合千位名门讲师和有优秀人才，
            传播C++、C#、JAVA、Web、Python等视频教学活动。学远培训有限公司成立于2007年,一直专注于IT前沿知识，集合千位名门讲师和有优秀人才，
            传播C++、C#、JAVA、Web、Python等视频教学活动。学远培训有限公司成立于2007年,一直专注于IT前沿知识，集合千位名门讲师和有优秀人才，
            传播C++、C#、JAVA、Web、Python等视频教学活动。
          </div>
          <div class="tgjlx">
            <ul style="width:1446px">
              <!--<video width="700" autoplay="autoplay" controls="controls"-->
                     <!--src="../../../src/assets/upfiles/bj2.jpg">-->
              <!--</video>-->
              <!--//添加视频-->
              <!--<li><img src="../../../src/assets/images/DT1.gif" width="750" height="200"/></li>-->
            </ul>
          </div>
        </div>
      </div>
      <div class="clear"></div>
    </div>
    <!-- content end -->
    <div class="xian"></div>

  </div>

</template>

<script>
    import Video from "./Video";
    export default {
        name: "GSJJ",
        components: {Video},
        data() {
            return {
                msg: '455556656'
            }
        },
        mounted() {

        },
        methods: {
            aa() {

            }
        }
    }

    layui.use('carousel', function(){
        var carousel = layui.carousel;
        //建造实例
        var ins = carousel.render({
            elem: '#test1'
            ,width: '100%'//设置容器宽度
            ,autoplay: true     //自动切换
            , interval: 1500
            ,arrow: 'always' //始终显示箭头
            //,anim: 'updown' //切换动画方式
        });

        //这里是用jQuery异步获取数据的大致代码
        $.get("请求的URL",function (data) {
            var tpl = $("#charts").html();
            laytpl(tpl).render(data,function (html) {
                $("#test1").children('div').html(html);
                //下面这步很重要
                ins.reload({elem: '#test1'});//重置轮播图
            });
        });
    });
</script>


<style scoped>

</style>
